.center(@top:0,@bottom:0){
  margin: @top auto @bottom auto;
}
.change_color(@start:#b8c4cb,@end:#f6f6f8){
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=@start,endColorStr=@end); /*IE 6 7 8*/
  background: -ms-linear-gradient(top, @start, @end);        /* IE 10 */
  background:-moz-linear-gradient(top, @start, @end);/*火狐*/
  background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(@start), to(@end));/*谷歌*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@start), to(@end));      /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(top, @start, @end);   /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, @start, @end);  /*Opera 11.10+*/
}
.border_radius(@pixel:4px){
  -moz-border-radius: @pixel;      /* Gecko browsers */
  -webkit-border-radius: @pixel;   /* Webkit browsers */
  border-radius:@pixel;            /* W3C syntax */
}
.box_shadow(@x:1px,@y:1px,@color:#000,@r:1px,@fuzzy:1px){
  -webkit-box-shadow:@x @y @fuzzy @r @color;
  -moz-box-shadow:@x @y @fuzzy @r @color;
  box-shadow: @x @y @fuzzy @r @color;
}
.ellipsis(){
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.opacity(@x:0.5){
  opacity: @x;
  filter:Alpha(opacity=@x);
}
a{
  text-decoration: none;
}
ul{
  list-style-type: none;
}


.show_imgs{
  width: 650px;
  height: 330px;
  .center(50px);
//  background-color: #000000;
  .container{
//    border: solid 5px #0088cc;
//    border-radius: 10px;
    position: relative;
    .box_shadow(0,0,#e0e0e0);
    width: 100%;
    height:100%;
//    background-color: #787;
    overflow: hidden;
    #allImgs{
      width: 500%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      left:0;
      .chaImg{
        height: 100%;
        float: left;
        width: 650px;
        padding: 0;
        border: 0;
      }
    }
    .img_txt{
      width: 100%;
      height: 40px;
      background-color: #999999;
      background:rgba(0,0,0,0.3) ;

      position: absolute;
      bottom: 0;
      p{
        margin: 10px 20px;
        color: #ffffff;
        font-size: 14px;
      }
    }
    ul{
      list-style-type: none;
      margin:0 ;
      padding: 0;
      position: absolute;
      bottom: 10px;
      right: 0;
      li{
        width: 10px;
        height: 10px;
        .border_radius(10px);
        display: inline-block;
        background-color: #ffffff;
        cursor: pointer;
        .box_shadow(0,0,#939395,1px);
        margin-right: 10px;
      }
    }
  }
}
